<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<!--Vue3主文件-->
		<script src="../康复训练/js/vue.global@3.4.21.js"></script>
		<!--VueX4主文件-->
		<script src="../康复训练/js/vuex.global@4.1.0.js"></script>
		<!--elementplus css文件-->
		<link rel="stylesheet" href="../康复训练/css/element-plus@2.6.0.css" />
		<!--elementplus 主文件-->
		<script src="../康复训练/js/element-plus@2.6.0.js"></script>
		<!--elementplus icon文件-->
		<script src="../康复训练/js/elementui-icons@2.3.1.js"></script>
		<!-- elementplus中文包 -->
		<script src="../康复训练/js/element-plus-zh-cn@2.6.0.js"></script>
		<!--程序主CSS文件-->
		<link rel="stylesheet" href="../康复训练/css/Login.css" />
		<!-- axios主文件 -->
		<script src="../康复训练/js/axios.min.js"></script>
		<title>登陆界面</title>
		<style>
		.el-form-item__error {
		  position: absolute;
		  top: -22px; /* 调整验证错误提示位置 */
		  left: 0;
		}
		</style>
	</head>
	<body>
		<div id="app">
			<div class="wrapper">
				<div class="card-switch">
					<label class="switch">
						<input class="toggle" type="checkbox" id="flipToggle">
						<span class="slider"></span>
						<span class="card-side"></span>
						<div class="flip-card__inner">
							<div class="flip-card__front">
								<div class="title">登陆</div>
								<el-form :rules="FormRule" :model="LanDingData"class="flip-card__form">
									<el-form-item prop="UserName">
										<el-input placeholder="用户名"
											class="flip-card__input" type="text" v-model="LanDingData.UserName"/>
									</el-form-item>
									<el-form-item prop="PassWord">
										<el-input placeholder="密码"
											class="flip-card__input" type="password" v-model="LanDingData.PassWord"/>
									</el-form-item>
									<el-button class="flip-card__btn" @click="LanDing">登陆</el-button>
								</el-form>
							</div>
							<div class="flip-card__back">
								<div class="title">注册</div>
								<el-form class="flip-card__form" :rules="FormRule" :model="SignUpData">
									<el-form-item prop="UserName">
										<el-input placeholder="用户名"
											class="flip-card__input" type="text" v-model="SignUpData.UserName" />
									</el-form-item>
									<el-form-item prop="PassWord">
										<el-input placeholder="密码"
											class="flip-card__input" type="password" v-model="SignUpData.PassWord" />
									</el-form-item>
									<el-button class="flip-card__btn" @click="SignUp">注册</button>
								</el-form>
							</div>
						</div>
					</label>
				</div>
			</div>
		</div>
	</body>
	<script src="js/Login.js"></script>
</html>